﻿<div class="content-wrap research-Esgratings" ng-controller="EsgController">
    <div ng-include="'Views/Research/Common/ResearchMenu.html'"></div>
    
    <div class="content">
        <div class="content-pad">

            <div class="title-section">
                <div sustainalytics-company-research></div>
                <div style="position: absolute; right: 145px; z-index: 99; {{esg.company.isCoverageEntity ? 'top: 114px;' : 'top: 0;'}}">
                    <!--<input type="button" value="Download full company report" class="btn-green {{!esg.IsESGCompanyReportDownloadEnabled() && 'disabled' || ''}}" ng-disabled="!esg.IsESGCompanyReportDownloadEnabled()" style="min-width: 200px; width: 200px; margin-top: 0;" ng-click="esg.downloadESGCompanyReport()">-->
                    <!-- Add Download Functionality Here -->
                    <div style="min-width: 135px; width: 350px; margin-top: 0;" ng-if="esg.hasFocusRatings">
                        <button class="btn-esg_left btn_esg_special" ng-disabled="!esg.IsFocusedRatingsReportDownloadEnabled()" ng-click="esg.downloadESGCompanyReport(true, false)" style="border: none; margin-right: 10px;">Download Report</button>
                        <button class="btn-esg_left btn_esg_special" ng-disabled="!esg.IsFocusedRatingsReportDownloadEnabled()" ng-click="esg.downloadESGCompanyReport(true, true)" style="border: none; width: 200px;">Download Summary Report</button>
                    </div>
                    <div style="min-width: 135px; width: 380px; margin-top: 0;" ng-disabled="!esg.IsESGCompanyReportDownloadEnabled()" ng-if="esg.accountTier != 3 && !esg.hasFocusRatings">
                        <button class="btn-esg_left btn_esg_special" ng-disabled="!esg.IsESGCompanyReportDownloadEnabled()" ng-click="esg.downloadESGCompanyReport(true, false)" style="border: none;">Download Report</button>
                        <button class="btn-esg_right" ng-disabled="!esg.IsESGCompanyReportDownloadEnabled()" ng-if="esg.IsESGCompanyReportDownloadEnabled()" ng-click="esg.downloadESGCompanyReport(false, false)" popover-placement="bottom" popover="Report Settings" popover-trigger="mouseenter"></button>
                        <button class="btn-esg_left btn_esg_special" ng-disabled="!esg.IsESGCompanyReportDownloadEnabled()" ng-click="esg.downloadESGCompanyReport(true, true)" style="border: none; width: 200px; margin-left: 10px;">Download Summary Report</button>
                        <!--<button class="btn-esg_right" ng-disabled="!esg.IsESGCompanyReportDownloadEnabled()" ng-click=" esg.downloadesgcompanyreport(false)" popover-placement="bottom" popover="Report Settings" popover-trigger="mouseenter"></button>-->
                    </div>
                    <div style="min-width: 135px; width: 350px; margin-top: 0;" ng-disabled="!esg.IsESGCompanyReportDownloadEnabled()" ng-if="esg.accountTier == 3  && !esg.hasFocusRatings">
                        <button class="btn-esg_left btn_esg_special" ng-disabled="!esg.IsESGCompanyReportDownloadEnabled()" ng-click="esg.downloadESGCompanyReport(true, false)" style="border: none; margin-right: 10px;">Download Report</button>
                        <button class="btn-esg_left btn_esg_special" ng-disabled="!esg.IsESGCompanyReportDownloadEnabled()" ng-click="esg.downloadESGCompanyReport(true, true)" style="border: none; width: 200px;">Download Summary Report</button>
                    </div>


                    <!-- Add Download Functionality Here -->

                </div>
            </div>

            <div class="ind-lead" ng-if="(esg.hasEsgResearch || esg.hasFocusRatings) && esg.hasEsgUniverse">
                <div class="ind-lead-img">
                    <img ng-if="esg.hasFocusRatings" src="../../../Content/images/research_product_manager.png" style="width: 40px;" />
                    <img ng-if="!esg.hasFocusRatings" ng-src="{{ esg.industryLeadPersonnel.photoUrl }}" style="width: 100%" />
                </div>
                <div class="ind-lead-text">
                    <div ng-if="esg.hasFocusRatings" style="font-weight: bold;">Terence Berkleef</div>
                    <div ng-if="esg.hasFocusRatings">Product Manager</div>
                    <div ng-if="!esg.hasFocusRatings" style="font-weight: bold;">{{ esg.industryLeadPersonnel.name }}</div>
                    <div ng-if="!esg.hasFocusRatings">Industry Lead</div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="clear">&nbsp;</div><br />
            
            <div ng-if="(esg.hasEsgResearch || esg.hasFocusRatings) && esg.hasEsgUniverse">
                <div class="tabs-users-2">
                    <ul>
                        <li class="tabs-users-2-20">
                            <a href="" ng-class="{ 'active': esg.viewName == esg.getViewNames().EsgSummary }" ng-click="esg.changeView(esg.getViewNames().EsgSummary)">ESG Summary</a>
                        </li>
                        <li class="tabs-users-2-20">
                            <a href="" ng-class="{ 'active': esg.viewName == esg.getViewNames().AnalystView }" ng-click="esg.changeView(esg.getViewNames().AnalystView)">Analyst View</a>
                        </li>
                        <li class="tabs-users-2-20">
                            <a href="" ng-class="{ 'active': esg.viewName == esg.getViewNames().Environment }" ng-click="esg.changeView(esg.getViewNames().Environment)">Environment</a>
                        </li>
                        <li class="tabs-users-2-20" >
                            <a href="" ng-class="{ 'active': esg.viewName == esg.getViewNames().Social }" ng-click="esg.changeView(esg.getViewNames().Social)">Social</a>
                        </li>
                        <li class="tabs-users-2-20">
                            <a href="" ng-class="{ 'active': esg.viewName == esg.getViewNames().Governance }" ng-click="esg.changeView(esg.getViewNames().Governance)">Governance</a>
                        </li>
                    </ul>
                    <div class="clear"></div>
                </div><br />

                <div ng-include="esg.viewName"></div>
            </div>

            <div class="gray-bg-top" ng-if="!esg.hasEsgUniverse">
                <span class="title-black-bold">Research available with additional subscription.</span>
            </div>

            <div class="gray-bg-top" ng-if="esg.hasEsgUniverse && esg.hasNoResearch">
                <span class="title-black-bold">{{esg.noResearchMessage}}</span>
            </div>
            <div class="clear">&nbsp;</div>
        </div>
    </div>
</div>